#id_buyAContract
{
	background-color:#CED8F6;
	padding:2px;
	margin-right:10px;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666;
	-moz-box-shadow:4px 4px 4px #666666;
	max-width:400px;
}

#id_sellAContract
{
	background-color:#F5DA81;
	padding:2px;
	border-radius:5px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	box-shadow:4px 4px 4px #666666; 
	-webkit-box-shadow:4px 4px 4px #666666;
	-moz-box-shadow:4px 4px 4px #666666;
	max-width:400px;
}

/*for large screen, add a margin*/
@media screen and (min-width: 600px)
{
	#id_buyAContract { margin-left:20px; }
	#id_sellAContract { margin-left:20px; }
	#id_generalInfo{ margin-left:20px; }
}

#id_otherbid{ background-color:#CED8F6; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%;}
#id_otheroffer{ background-color:#F5DA81; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%;}
#id_mybid{ background-color:#F5DA81; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%;}
#id_myoffer{ background-color:#CED8F6; margin-left:auto; margin-right:auto; margin-bottom:10px; width:90%;}

#id_buyAndSellContractsCenter{ width: 90%; margin: 0px auto 0px auto }
#id_infoAndGraphBlock{ width: 90%; margin: 0px auto 0px auto }

.help .helpText
{
display: none;
width:160px;
text-align:left;
color:#000;
padding:4px;
filter: progid:DXImageTransform.Microsoft.Shadow( Strength=5, Direction=135, Color='#999999' );
}



a.help:hover .helpText
{
	display: block;
	position: absolute;
	padding:4px 10px;
	border: 1px solid black;
	background-color: #eeeeee;
	margin-left: auto; 
	margin-right: auto;
	width:90%;
	height:auto;
	z-index:1;
}